body {
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: #f9f9f9;
    }

    .registration-form {
      max-width: 700px;
      margin: auto;
      padding: 30px;
      background: #fff;
      border-radius: 12px;
      box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    }

    .registration-form h2 {
      font-weight: bold;
      margin-bottom: 25px;
    }

    .form-group input, .form-group select {
      border-radius: 8px !important;
    }

    .btn-primary {
      background-color: #6f42c1;
      border: none;
    }

    .btn-primary:hover {
      background-color: #5a34a1;
    }

    .error-msg {
      font-size: 12px;
      color: red;
      display: none;
    }

    @media screen and (max-width: 768px) {
      .registration-form {
        padding: 20px;
      }

      .registration-form h2 img {
        width: 50% !important;
      }
    }